<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../shopdoem/css/normalist .css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../shopdoem/css/commom.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../shopdoem/css/products.css">

    <!-- 轮播图 -->
    <script src="../shopdoem/js/jquery-1.11.0.js"></script>
    <script src="../shopdoem/js/slider.js"></script>

    <link rel="stylesheet" href="../shopdoem/css/slider.css">

    <script src="../shopdoem/js/products.js"></script>
</head>

<body>
      <!-- 头部 -->
      <div id="header" class="minwidth">
        <div class="black">
            <div class="container top rel">
                <a href="./index.html"><img src="../shopdoem/imgs/logo.jpg" alt="" class="logo abs"></a>
                <div class="fr">
                    欢迎光临<span class="colorf60">乐购</span>
                    ，请<a href="./payment.html" class="cwhi">登录</a>\<a href="./register.html" class="colorf60">注册</a>
                </div>

            </div>

        </div>

        <div class="container clearfix">
            <div class="souil">
                <div class="fr gou">
                    <a href="./shopCar.html">购物车 <span>3</span></a>
                    <a href="#">我的订单</a>
                </div>
                <!-- 搜索框 -->
                <form action="#" class="fr search" id="fixhend" >
                    <input type="text" value="创意文具" class="fl">
                    <input type="submit" value="" class="fr">
                </form>
            </div>
            <!-- 导航栏 -->
            <ul class="fl">
                <li><a href="">图书</a></li>
                <li><a href="">电子书</a></li>
                <li><a href="">原创文学</a></li>
                <li><a href="">服装</a></li>
                <li><a href="">运动户外</a></li>
                <li><a href="">孕婴童</a></li>
                <li><a href="">家居</a></li>
                <li><a href="">创意文具</a></li>
                <li><a href="">地方特产</a></li>
                <li><a href="">海外购</a></li>
                <li><a href="">电器城</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 头部结束 -->
    <!-- banner -->
    <div id="banner" class="clearfix container">
        <div class="right fl">
            <!-- 轮播开始 -->
            <div class="pptbox on" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                    <li>
                        <a href="#"><img src="../shopdoem/imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="../shopdoem/imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="../shopdoem/imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="../shopdoem/imgs/banner1.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="../shopdoem/imgs/banner1.jpg" /></a>
                    </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>

                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
        <div class="left fr">
            <div class="hh">
                <h2 class="cfff font18">热卖畅销</h2>
                <ul>
                    <li class="clearfix wid">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">1</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">2</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">3</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">4</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">5</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">6</span>
                    </li>
                    <li class="clearfix">
                        <img src="../shopdoem/imgs/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr font14">
                            赵升虎SB
                        </p>
                        <span class="bcf60">7</span>
                    </li>

                </ul>
            </div>
        </div>
    </div>
 
    <!-- 版心 -->
    <div class="container mt45">
        <div class="moshou">
            <img src="../shopdoem/imgs/mohsou_03.jpg" alt="">
        </div>



        <div class="zhekou">
            <!-- 标题 -->
            <div class="title borderb6 clearfix">
                <h2 class="font22  fl bcf60 cfff">
                    乐购·图书折扣区
                </h2>
            </div>

            <div class="how">
                <ul class="clearfix">

                    <script>
                        for (let i = 0; i < 10; i++) {
                            document.write(`
                           <li>
                        <img src="../shopdoem/imgs/22935553-1_l.jpg" alt="" class="img1">
                        <img src="../shopdoem/imgs/limitTime.jpg" alt="">
                        <p><span class="bai">白夜行</span>  东野上吾</p>
                        <div class="souil clearfix">
                            <span class="fl bai cf4">推荐：</span>
                            <div class="box fl">
                                <div class="pox"></div>
                            </div>
                            
                        </div>
                        <div class="clearfix">
                            <span class="cf4 font24 bai fl">&yen;:38</span>
                            
                            <span class="hehe font24 fl">&yen;:58</span>
                        </div>
                    </li>
                           `)

                        }
                    </script>




                </ul>
            </div>
        </div>
        <!-- 独家提供 -->
        <div id="provide">
            <!-- 标题 -->
            <div class="title borderb6 clearfix">
                <h2 class="font22 c3 fnormal fl">
                    <span class="bcf60 font24 cfff fl">猜</span>你喜欢
                </h2>
                <!-- 选项卡 -->
                <ul class="fr font18 c3 tcenter">
                    <li class="active">货币金融</li>
                    <li>社会文学</li>
                    <li>社会文学</li>
                    <li>社会文学</li>
                    <li>社会文学</li>
                    <li>社会文学</li>
                    <li>社会文学</li>
                </ul>
            </div>
            <!-- 内容 -->
            <!--轮播开始-->
            <div class="pptbox" id="listSlide">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="listBox">
                            <ul class="clearfix mauto">
                                <script>
                                    for (let i = 0; i < 12; i++) {
                                        document.write(`
                                         <li>
                                            <div class="tcenter">
                                                <img src="./imgs/22928335-1_l.jpg" alt="">
                                            </div>
                                            <h3 class="fnormal c3 ti5">
                                                查理 斯密斯
                                            </h3>
                                            <p class="c4d ti5">
                                                中国邮电出版社
                                            </p>
                                            <p class="cf4 ti5">
                                                &yen;49
                                                <del class="c80">&yen;79</del>
                                            </p>
                                        </li>`)

                                    }
                                </script>
                            </ul>
                        </div>
                    </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
            <!--轮播结束-->

        </div>
        <!-- 新书上架 -->
        <!-- 标题 -->
        <div id="book" class="clearfix">
            <div class="left fl">
                <div class="title borderb6 clearfix">
                    <h2 class="font22 c3 fnormal fl">
                        <span class="bcf60 font24 cfff fl">新</span>书上架
                    </h2>
                </div>
                <div class="uls">
                    <ul class="clearfix">
                        <script>
                            for (let i = 0; i < 10; i++) {
                                document.write(`
                             <li>
                            <div class="imgs">
                                <img src="./imgs/22499729-1_l_5.jpg" alt="">
                            </div>
                            <div class="chli">
                                <h3 class="fnormal c3 ti5 font14">
                                    查理 斯密斯
                                </h3>
                                <p class="c4d ti5 c80">
                                    中国邮电出版社
                                </p>
                                <p class="cf4 ti5 font18">
                                    &yen;49&emsp;
                                    <del class="c80">&yen;79</del>
                                </p>
                            </div>
                        </li>
                             `)

                            }
                        </script>

                    </ul>
                </div>
            </div>
            <!-- 右边 -->
            <div class="rightbox fr mt45">
                <!-- 标题 -->
                <h2 class="tcenter c80 fnormal font24">新书畅销榜</h2>
                <!-- 内容 -->
                <ul class="font14 c4d">
                    <li>
                        <span class="cf4">1</span>
                        <h4 class="hide">赵升虎SB</h4>
                        <div class="clearfix">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span class="cf4">2</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span class="cf4">3</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span>4</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span>5</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span>6</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    <li>
                        <span>7</span>
                        <h4>赵升虎SB</h4>
                        <div class="clearfix hide">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fr">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>

                </ul>
            </div>

        </div>
        <!-- 猜你喜欢 -->
        <div id="guess" class="mt35 container">
            <!-- 标题 -->
            <div class="title borderb6 clearfix">
                <h2 class="font22 c3 fnormal fl">
                    <span class="bcf60 font24 cfff">猜</span>你喜欢
                </h2>
                <span class="fr">换一批</span>
            </div>
            <!-- 内容 -->
            <div class="content">
                <!-- 产品列表盒子 -->
                <div class="contlist">
                    <!-- 第一个子项 -->
                    <div class="listBox">
                        <ul class="clearfix mauto">
                            <script>
                                for (let i = 0; i < 12; i++) {
                                    document.write(`
                             <li>
                             <div class="tcenter">
                                 <img src="./imgs/prolist01.jpg" alt="">
                             </div>
                             <h3 class="fnormal c3 ti5">
                                 查理 斯密斯1
                             </h3>
                             <p class="c4d ti5">
                                 中国邮电出版社
                             </p>
                             <p class="cf4 ti5">
                                 &yen;49
                                 <del class="c80">&yen;79</del>
                             </p>
                         </li>`)

                                }
                            </script>
                        </ul>
                    </div>
                    <!-- 第二个子项 -->
                    <div class="listBox">
                        <ul class="clearfix mauto">
                            <script>
                                for (let i = 0; i < 12; i++) {
                                    document.write(`
                             <li>
                             <div class="tcenter">
                                 <img src="./imgs/prolist01.jpg" alt="">
                             </div>
                             <h3 class="fnormal c3 ti5">
                                 查理 斯密斯2
                             </h3>
                             <p class="c4d ti5">
                                 中国邮电出版社
                             </p>
                             <p class="cf4 ti5">
                                 &yen;49
                                 <del class="c80">&yen;79</del>
                             </p>
                         </li>`)

                                }
                            </script>
                        </ul>
                    </div>
                    <!-- 第三个子项 -->
                    <div class="listBox">
                        <ul class="clearfix mauto">
                            <script>
                                for (let i = 0; i < 12; i++) {
                                    document.write(`
                             <li>
                             <div class="tcenter">
                                 <img src="./imgs/prolist01.jpg" alt="">
                             </div>
                             <h3 class="fnormal c3 ti5">
                                 查理 斯密斯3
                             </h3>
                             <p class="c4d ti5">
                                 中国邮电出版社
                             </p>
                             <p class="cf4 ti5">
                                 &yen;49
                                 <del class="c80">&yen;79</del>
                             </p>
                         </li>`)

                                }
                            </script>
                        </ul>
                    </div>
                    <!-- 第四个子项 -->
                    <div class="listBox">
                        <ul class="clearfix mauto">
                            <script>
                                for (let i = 0; i < 12; i++) {
                                    document.write(`
                             <li>
                             <div class="tcenter">
                                 <img src="./imgs/prolist01.jpg" alt="">
                             </div>
                             <h3 class="fnormal c3 ti5">
                                 查理 斯密斯4
                             </h3>
                             <p class="c4d ti5">
                                 中国邮电出版社
                             </p>
                             <p class="cf4 ti5">
                                 &yen;49
                                 <del class="c80">&yen;79</del>
                             </p>
                         </li>`)

                                }
                            </script>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="out">
            <ul class="clearfix container">
                <script>
                    for (let i = 0; i < 6; i++) {
                        document.write(`
                      <li class="clearfix fl">
                    
                        

                        
                   <div class="fr">
                    <img src="../shopdoem/imgs/23338636-1_l_5.jpg" alt="">
                   </div>
                    </li>
                      
                      `)

                    }
                </script>
            </ul>
        </div>

        <div class="moshou">
            <img src="../shopdoem/imgs/mohsou_03.jpg" alt="">
        </div>


        



    </div>
      <!-- 页脚 -->
      <div id="footer" class="minwidth">
        <div class="cc">
           <div class="bb1">
            <img src="../shopdoem/imgs/222_11.png" alt="">
            <img src="../shopdoem/imgs/222_13.png" alt="">
            <img src="../shopdoem/imgs/222_15.png" alt="">
            <img src="../shopdoem/imgs/222_17.png" alt="">
           </div>
        </div>
        <div class="foot2 clearfix container">
            <ul>
                <li class="font18">购物指南</li>
                <li>购物流程</li>
                <li>发票制度</li>
                <li>账户管理</li>
                <li>会员优惠</li>
            </ul>

            <ul>
                <li class="font18">支付方式</li>
                <li>货到付款</li>
                <li>网上支付</li>
                <li>礼品卡支付</li>
                <li>银行转帐</li>
            </ul>

            <ul>
                <li class="font18">订单服务</li>
                <li>订单配送查询</li>
                <li>订单状态说明</li>
                <li>自助取消订单</li>
                <li>自助修改订单</li>
            </ul>
            <ul>
                <li class="font18">退换货</li>
                <li>退换货政策</li>
                <li>自助申请退换货</li>
                <li>退换货进度查询</li>
                <li>退款方式和时间</li>
            </ul>

            <ul>
                <li class="font18">商家服务</li>
                <li>商家中心</li>
                <li>运营服务</li>
                <li>加入尾品汇</li>

            </ul>




        </div>
        <img src="../shopdoem/imgs/logo_00.png" alt="" class="logo">
        <p class="b">公司简介&emsp; | &emsp; Investor Relations &emsp; | &emsp; 网站联盟 &emsp; |&emsp; 乐购招商 &emsp; | &emsp;
            机构销售 &emsp; | &emsp;手机乐购&emsp; | &emsp; 官方Blog &emsp; | &emsp; 热词搜索</p>

        <p class="p2">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>



</body>

</html>